<template>
  <div :title="title">
    <!-- : === v-bind指令简写 -->
    <el-button :="$attrs"></el-button>
  </div>
</template>

<script setup lang="ts">
  //引入useAttrs方法:获取组件标签身上属性与事件
  import { useAttrs } from 'vue'

  const $attrs = useAttrs()
  console.log("🚀 ~ $attrs:", $attrs)

  // porps 优先级比 useAttrs 高，props 接受了某个属性，useAttrs方法返回的对象身上就没有相应属性与属性值
  const $props = defineProps(['title'])
</script>

<style scoped>
</style>